import React,{Component} from 'react';
import {Flex, Icon, NavBar, WhiteSpace} from 'antd-mobile';
import Hot_class from "../../components/Fund_school/classes/hotclass";
import Fund_exchange from "../../components/Fund_school/fundexchange/fundexchange";
import Newclass from "../../components/Fund_school/newclass/newclass";


export default class Fund_school extends React.Component{

    render() {
        const PlaceHolder = ({ className = '', ...restProps }) => (
            <div className={`${className} placeholder`} {...restProps}>Block</div>
        );
        return (
                <div style={{height:'91vh',overflowY:'scroll'}}>
                    <div className="fund_nav">
                        <NavBar className="f_r_nav"
                                mode="light"
                                leftContent={[
                                    <Icon type="left" />,
                                    "返回",
                                ]}
                                onLeftClick={() => {this.props.history.push('/terran/fund')}}
                                rightContent={[
                                    <Icon key="0" type="search"  />,
                                ]}
                        >基金学院</NavBar>
                    </div>
                    <div className="flex-container">
                        <Flex>
                            <Flex.Item><Hot_class/></Flex.Item>
                        </Flex>
                        <Flex>
                            <Flex.Item><Fund_exchange/></Flex.Item>
                        </Flex>
                        <Flex>
                            <Flex.Item><Newclass/></Flex.Item>
                        </Flex>
                    </div>
            </div>
        );
    };
};